<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highsecondary" content="no">
    <meta name="viewport" content="user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1,width=device-width">

    <title>供应商确认工单 -第一步</title>
    <link href="../lib/fonts/material-icons.css?family=Material+Icons" rel="stylesheet">
    <link href="../lib/css/animate.min.css" rel="stylesheet">
    <link href="../lib/css/quasar.mat.rtl.min.css" rel="stylesheet" type="text/css">
    <style>
      [v-cloak] { display: none }
      .logoBg {
        width: 50px;height: 50px; background: url(../static/img/logoNew.png) no-repeat left center
      }
    </style>
  </head>
  <body>
    <div id="q-list" v-cloak>
      <q-tabs inverted position="top" class="fixed-top">
        <q-tab default slot="title" name="tab-2" label="OYO酒店"></q-tab>
      </q-tabs>
      <q-card class="bg-white no-shadow full-width" style="padding: 48px 0">
        <q-card-main class="q-pa-sm">
          <q-list>
            <q-item separator v-for="(item, index) in list" :key="index">
              <q-item-side icon="message">
              </q-item-side>
              <q-item-main :label="item.label"></q-item-main>
              <q-item-side right icon="more_vert"></q-item-side>
            </q-item>
          </q-list>
        </q-card-main>
      </q-card>
      <q-tabs inverted position="bottom" class="fixed-bottom">
        <q-tab default count="2" slot="title" name="tab-1" label="未提交到岗任务"></q-tab>
        <q-tab slot="title" name="tab-2" label="已提交到岗任务"></q-tab>
      </q-tabs>
    </div>
    
    <!-- ie-polyfill 、 vue.js and quasar-framework -->
    <script src="../lib/js/quasar.ie.polyfills.umd.min.js"></script>
    <script src="../lib/js/vue.js"></script>
    <script src="../lib/js/quasar.mat.umd.min.js"></script>
    <!-- quasar i18n zh-hans -->
    <script src="../lib/lang/zh-hans.js"></script>
    <!-- vue-i18n for application's internationalization -->
    <script src="../lib/js/vue-i18n.js"></script>
    <script>
      // quasar components use
      Quasar.i18n.set(Quasar.i18n['zhHans'])
			new Vue({
        el: '#q-list',
				data: function() {
					return {
            searchForm: {
              name: ''
            },
            list: [
              {
                label: '您好，拍摄任务001请查收'
              },
              {
                label: '您好，拍摄任务002请查收'
              }
            ],
            checked: []
          }
				},
				computed: {
					
        },
        watch: {
          
        },
        created: function() {
          
        },
				methods: {
					
				}
			})
    </script>
  </body>
</html>